<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=no">
    <meta name="referrer" content="origin">
    <title>日新网</title>
    <link rel="stylesheet" href="__TMPL__Public/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="__TMPL__Public/assets/css/reset.css">
    <link rel="stylesheet" href="__TMPL__Public/assets/css/style.css">
    <link rel="stylesheet" href="/public/swiper/swiper.min.css">
    <script type="text/javascript" src="__TMPL__Public/assets/js/rem.js"></script>
    <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.1/skins/default/aliplayer-min.css" />
    <script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js"></script>
</head>
<style>
    .video_play {
        height: 4rem;
        background-color: #000232;
    }
    /*swiper 样式调整*/
    .swiper-slide {
        width: 1.62rem!important;
        margin-right: .1rem!important;
        height: 1.4rem!important;
    }
    .swiper-wrapper {
        height: 1.4rem!important;
    }
    .lecture_list {
        height: 1.48rem!important;
    }
    .swiper-container {
        overflow: visible;
    }
</style>
<body>
<!--nav-->
<tc_include file="Public:nav"/>
<!--视频播放器-->
<div class="video_play">
    <div class="prism-player" id="J_prismPlayer"></div>
</div>
<!--视频信息列表-->
<div class="video-info">
    <h5>课程信息</h5>
    <div class="lecture">
        <p class="name">{$lesson.lesson_name}</p>
        <volist name="lesson.label_names" id="vo">
            <p class="key_word">{$vo}</p>
        </volist>
    </div>
    <!--主讲人-->
    <h5>主讲人</h5>
    <div class="speech_person clearfix">
        <a href="{:U('User/Index/professor_homepage', ['professor_id' => $lesson['lecturer_user_id']])}">
            <div class="img-ground ">
                <img src="{:sp_get_user_avatar_url($lesson['avatar'])}" alt="">
            </div>
            <div class="text">
                <p class="name">{$lesson.user_nicename}</p>
                <p class="company_name">{$lesson.company}</p>
                <p class="work">{$lesson.position}</p>
            </div>
        </a>
    </div>
    <!--更多课程-->
    <h5>更多课程</h5>
    <div class="lecture_more">
        <div class="img-ground">
            <img src="{:sp_get_asset_upload_path($subject_info['subject_img'])}" alt="">
        </div>
        <div class="text">
            <p class="title ellipsis2">{$subject_info.subject_name}</p>
            <p class="total">
                共计 <span>{:count($lesson_lists)}</span> 节
            </p>
        </div>
    </div>
    <h6 style="color: #707070;font-size: .16rem;margin:.14rem 0;">课程</h6>
    <!--课程滑块-->
    <div class="lecture_list clearfix swiper-container swiper-container-horizontal">
        <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-915.333px, 0px, 0px);">
            <volist name="lesson_lists" id="vo">
                <div class="swiper-slide">
                    <div class="lecture_list_item ">
                        <div class="img-ground">
                            <a href="{:U('Lesson/Lesson/lesson_index', ['id' => $vo['id']])}">
                                <img src="{:sp_get_asset_upload_path($vo['lesson_img'])}" alt="">
                            </a>
                        </div>
                        <p class="text ellipsis2">{$vo.lesson_name}</p>
                    </div>
                </div>
            </volist>
        </div>
    </div>
</div>
<!--页脚-->
<tc_include file="Public:footer"/>
<script type="text/javascript" src="__TMPL__Public/assets/js/jquery.1.12.4.js"></script>
<script src="/public/swiper/swiper.min.js"></script>
<script src="__TMPL__Public/assets/js/bootstrap.min.js"></script>
<!--滑块效果动效果-->
<script>
    $(function () {
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            slidesPerView: 4,
            paginationClickable: true,
            spaceBetween: 30
        });
    })
</script>
<script>
    // 快讯展开收起效果
    $(document).ready(function () {
        $('.news_item').click(function () {
            $(this).find('.text2').slideToggle("fast");
        })
    })
</script>
<!--tab页切换效果-->
<script>
    (function () {

        $("#tab_nav ul li").on("click", function () {
            $("#tab_nav ul li").removeClass("active");
            $(this).addClass("active");
        });
    })();
</script>
<script>
    $(function () {
        $(".picture_ground").each(function (index,value) {
            var num = $(value).children().length;
            if(num >=6){
                $(value).find(".last_item").css("display","block");
            }

        })
    })
</script>
<script src="/public/slow_img/checkImg.js"></script>
<script>
    // 图片加载优化
    $(function () {
        checkImgs();
        window.onscroll = throttle(checkImgs);
    });
</script>
<script>
    $(document).ready(function () {
        var video_type = "{$lesson['video_type']}";
        if (video_type == 2) {
            // 音频，添加背景图
            $('.prism-player').css('background', "url({:sp_get_asset_upload_path($lesson['lesson_audio_img'])}) no-repeat");
            $('.prism-player').css('background-size', '100% 100%');
        }
    })
</script>
<script>
    var player = new Aliplayer({
        id: "J_prismPlayer",
        autoplay: false,
        height:"4rem",
        source: "{$PlayURL}",
        encryptType: 1,
    });
</script>
</body>
</html>